<html>
    <head>
        <meta charset='UTF-8'>
            <title>第一个网页</title>
            <script>
                <!-- 以下为手动交互的写法 -->
                <!-- JS中的函数(方法) -->
                <!-- 没有参数 -->
                function htmlMethod1(){
                    location.href = 'my://sendMessage';
                    alert(22);
                    return 100;
                }
            <!-- 有一个参数 想一想:为什么不用my://call:10086来传递参数-->
            function htmlMethod2(){
                location.href = 'my://sendMessage_?10086';
            }
            function htmlMethod3(){
                location.href = 'my://sendMessage_name_?10086&zhangSan';
            }
            function htmlMethod4(){
                location.href = 'my://sendMessage_name_email_?10086&zhangSan&864071694@qq.com';
            }
            

            <!-- 以下是第三方库中对应的代码,需要将以下代码加入到JS中 -->
            
            function setupWebViewJavascriptBridge(callback) {
                if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
                if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
                window.WVJBCallbacks = [callback];
                var WVJBIframe = document.createElement('iframe');
                WVJBIframe.style.display = 'none';
                WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
                document.documentElement.appendChild(WVJBIframe);
                setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
            }
            
            setupWebViewJavascriptBridge(function(bridge) {
                                         
                                         <!--JS中 OC调用JS代码 -->
                                         bridge.registerHandler('showAlert', function(data, responseCallback) {
                                                                alert(data);
                                                                responseCallback('调用完毕!已经将值返回给客户端')
                                                                })
                                         
                                         var btn1 = document.getElementById('btn1').appendChild(document.createElement('button'))
                                         btn1.innerHTML = '这是一个按钮'
                                         btn1.onclick = function(e) {
                                         e.preventDefault()
                                         <!--JS中 JS调用OC代码并传值 -- >
                                         bridge.callHandler('testObjcCallback',{'aa':'bb'})
                                         }
                                         })
                                         
                </script>
    </head>
    <body>
        <p>电话号码:1008611</p>
        <p>网站:http://www.baidu.com</p>
        <div id='btn1'></div>
        <p><button style="background:red; width:100px;height:30px" onclick="htmlMethod1();"> 没有参数</button></p>
        <p><button style="background:red; width:100px;height:30px" onclick="htmlMethod2();"> 一个参数</button></p>
        <p><button style="background:red; width:100px;height:30px" onclick="htmlMethod3();"> 两个参数</button></p>
        <p><button style="background:red; width:100px;height:30px" onclick="htmlMethod4();"> 多个参数</button></p>
        <p><a href="http://www.baidu.com">百度一下</a></p>
        
    </body>
</html>
